<div data-role='page grid' class="ui-project-info-wrap" data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,48" data-grid-cols="*">
	<%$($.self.utils.fusionStatusBarSpace(20))%>
		<%
			var info = this.info.projectVo;
			var role = this.info.projectRoleVo;
			var glist = this.info.commentList;
			var curView = $.self.curUri;
			var user = this.user;
		%>
		<div class='ui-header' data-role="cell">
			<div class='ui-bar-left' data-event='tap>back'>
				<i class='ui-icon-31-back'></i>
			</div>
			<div class='ui-title'>项目详情</div>
		</div>
		<div class="ui-content ui-project-info" data-role="cell scroll">
			<div class="ui-project-info-line">
				<%=info.projectName%>
				<i class="ui-icon-project ui-icon-save64x26" data-event="click>addCollect:<%=info.id%>"></i>
			</div>
			<div class="ui-font13 ui-project-list ui-project-content">
				<p><span class="ui-font-yellow ui-font20">￥<%=role.remuneration%></span>&nbsp;&nbsp;<em><%=role.bidCount%>人参与竞标</em>
				</p>
				<p><em>工期：<%=role.timeLimit%>天</em>
				</p>
				<p class="ui-font-yellow"><span>9/11截止竞标</span>
				</p>
			</div>

			<ul class="ui-project-list ui-info-list">
				<li data-event="click>go:/project/positionInfo/<%=role.id%>/<%=info.id%>,<%=curView%>">
					<div style="width:83px;height:83px;background-image:url(<%=user.syproUri%><%=info.imageURL%>);float:left;"></div>
					<div class="ui-font13">
						<p class="ui-h4">
							<% $(role.roleName)%>
						</p>
						<p class="ui-font-yellow ui-bottom10">
							<i class="ui-icon-15 ui-icon-suolvetu" style="margin-right:5px;"></i>
							<span><% $(info.communityName)%></span>
						</p>
					</div>
					<i class="ui-icon-project ui-icon-arrow-right ui-icon-info-arrow-right"></i>
				</li>
				<li style="height:125px;">
					<div class="ui-info-header">
						<i class="ui-icon-project ui-icon-juxing" style="height: 20px;"></i>
						<p>人员要求</p>
					</div>
					<div class="ui-info-personRequest">
						<p><%=role.requirement%></p>
					</div>
				</li>
				<li>
					<div class="ui-info-header">
						<i class="ui-icon-project ui-icon-juxing" style="height:20px;"></i>
						<p>留言评论</p>
					</div>
					<div class="ui-info-msg">
						<ul>
							<% if(glist && glist.length>0){%>
								<% glist.map(function(item,index){%>
									<li>
										<div class="ui-photo-content">
											<i class="ui-icon-project ui-icon-blankPhoto" style="background-image:url(<%=user.syproUri%><%=item.userPhoto%>);"></i>
										</div>
										<div class="ui-person-request">
											<span class="ui-font-grey"><%=item.userName || ''%></span>
											<p><%=item.commentContent || ''%></p>
										</div>
									</li>
								<%})%>
							<%}%>
						</ul>
					</div>
				</li>
			</ul>
		</div>

		<div class='ui-footer' data-role="cell">
			<input data-event='tap>!openAddPosition' style='height:100%;padding:0px;border-radius:0px;' class='ui-button' type="button" value="我要加入" />
		</div>
		<div class='ui-content ui-add-position-panel' style="height: 338px;">
			<div class='ui-content-inner'>
				<input type='text' class='ui-textbox position-name' placeholder='我的报价' data-bind="val<joinArgs.myOffer" />
				<input type='number' class='ui-textbox position-time' placeholder='估计工期' data-bind="val<joinArgs.plannedSchedule" />
				<textarea class='ui-textbox position-summary' style="min-height:105px;border:0;" placeholder='我的方案' data-bind="val<joinArgs.myPlan" /></textarea>
				<input data-event='tap>!closeAddPosition' type='button' class='ui-button ui-button-upload' value='上传附件'>
				<input data-event='tap>join2project' type='button' class='ui-button' value='确认提交'>
				<input data-event='tap>!closeAddPosition' type='button' class='ui-button ui-button-cancel' value='取消'>
			</div>
		</div>
		<div class='ui-mask'></div>
</div>